.header-bar {
    height: 44px;
    background-color: #ff8b00;
    overflow: hidden;
    position: relative;
    box-shadow: 0px 2px 3px #dddddd;
}

.header-bar .inner {
    padding: 0 8px;
}

.header-bar .left {
    position: absolute;
    left: 8px;
    bottom: 0px;
    height: 44px;
    width: 44px;
    line-height: 44px;
    color: #FFFFFF;
}

.header-bar .left .icon-back {
    background: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024' width='18'><path d='M15.515152 796.484848 15.515152 796.484848 15.515152 796.484848ZM628.363636 789.689212l94.052848-87.288242-388.840727-402.432 388.840727-397.591273-88.250182-92.12897-480.007758 489.689212z' fill='%23ffffff' transform='translate(0, 812) scale(1, -1)'/></svg>") no-repeat;
    width: 18px;
    height: 18px;
    margin: 13px auto;
    background-position: center center;
    display: inline-block;
    margin-left: 10px;
}

.header-bar .left .icon-close {
    background: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024' width='18'><path fill='#FFFFFF' d='M905.304156-144.325691l-402.670989 406.516574L118.695844-125.421132c-5.161556-5.227048-13.543458-5.227048-18.732643 0l-18.730597 18.905582c-5.161556 5.214768-5.161556 13.68979 0 18.905582l383.940392 387.608945L81.231581 687.608945c-5.161556 5.215792-5.161556 13.676487 0 18.905582l18.730597 18.903535c5.189186 5.215792 13.571087 5.215792 18.732643 0l383.937322-387.608945 402.670989 406.52783c5.160533 5.214768 13.571087 5.214768 18.733667 0l18.729573-18.917862c5.16258-5.214768 5.16258-13.675464 0-18.903535l-402.670989-406.51555 402.670989-406.513504c5.16258-5.227048 5.16258-13.68979 0-18.905582l-18.729573-18.905582C918.874219-149.553763 910.464689-149.553763 905.304156-144.325691z' transform='translate(0, 812) scale(1, -1)'/></svg>") no-repeat;
    width: 44px;
    height: 44px;
    background-size: 18px auto;
    background-position: center center;
}

.header-bar .center {
    text-align: center;
}

.header-bar .center h1 {
    font-size: 20px;
    line-height: 44px;
    color: #ffffff;
    margin: 0px;
    padding: 0px;
    font-weight: normal;
    padding: 0px 62px;
}

.header-bar .right {
    position: absolute;
    right: 8px;
    bottom: 0px;
    height: 44px;
    width: 44px;
    line-height: 44px;
    color: #FFFFFF;
    text-align: right;
}

.header-bar .right .icon-share {
    background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024' width='17' height='17'><path fill='#ffffff' d='M704 56.2 204.8 56.2 204.8 415.6l115 0c0 0 28.2 39.4 85.4 76.4L166.4 492c-21.2 0-38.4-17-38.4-38.2l0-435.8c0-21 17.2-38.2 38.4-38.2l576 0c21.2 0 38.4 17 38.4 38.2L780.8 236 704 173.2 704 56.2zM640 364l0-127.8 256 191L640 620l0-119.4C330.4 500.6 320 172 320 172 407.6 315 472 364 640 364z' transform='translate(0, 812) scale(1, -1)'/></svg>");
    background-repeat: no-repeat;
    background-size: 30px 30px;
    background-position: center center;
    width: 44px;
    height: 44px;
}

.cu-list .info .title {
    line-height: 24px;
}

#select {
    border: 1px solid #bababa;
    font-size: 16px;
    padding: 0px 20px;
    height: 32px
}

/*返回顶部*/
.gotop {
    display: none;
    position: fixed;
    z-index: 999;
    bottom: 10px;
    right: 8px;
    width: 44px;
    text-align: center;
    line-height: 44px;
    height: 44px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, .85);
}

.gotop:after {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transform-origin: 0 0;
    -webkit-transform: scale(1);
    pointer-events: none;
    border: 1px solid #dddddd;
    border-radius: 50%;
}

.gotop:before {
    content: "\e682";
    color: #666666;
    font-size: 22px;
    font-family: "iconfont" !important;
}

@media screen and (-webkit-min-device-pixel-ratio:1.5) {
    .gotop:after {
        right: -100%;
        bottom: -100%;
        -webkit-transform: scale(0.5);
    }
}
/*footer*/
.footer {
    background: #efefef;
    text-align: center;
    font-size: 12px;
    padding: 15px 0;
    color: #666;
}

.foot_top {
    background: #efefef;
    border-top: 1px solid #c4c4c4;
    border-bottom: 1px solid #c4c4c4;
    height: 34px;
    line-height: 34px;
    margin-top: 25px;
    clear: both;
}

.foot_top a {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    font-size: 14px;
    border-right: 1px solid #c4c4c4;
    text-align: center;
    width: 30%;
}

.foot_top a img {
    vertical-align: middle;
    margin-top: -5px;
    margin-right: 2px;
}

.page {
    text-align: center;
    margin-top: 20px;
}

.container {
    max-width: 960px;
    margin: 0px auto;
}

